function $(a){
    return document.querySelector(a);
}


// 视频分类

(function(){
    axios({
        method: 'get',
        url: '/type/s',
    }).then(function(data){
    var list =data.data.data.data;
    for(let i= 0;i<26;i++){
        $('.video-type').innerHTML+=` <span><p>${list[i]}</p></span>`;
    }
    // 电影被选中
    var p1 =$('.video-type').querySelectorAll('span')[0].querySelector('p');
    p1.className='span1'
    // var spans = $('.video-type').querySelectorAll('span')
    // for(let i = 0;i<spans.length;i++){
    //     spans[i].onclick=function(){
    //     for(let j = 0;j<spans.length;j++){
    //         spans[j].querySelector('p').className=''
    //     }
    //     spans[i].querySelector('p').className='span1'
    //     if($('.video-type').querySelectorAll('span')[0].querySelector('p').className!='span1'){
    //         $('.movie-type-all').style.display='none'
    //     }else{
    //         $('.movie-type-all').style.display=''
    //     }
    // }
    // }

    var x=1;
    $('.more').onclick=function(){
        x++;
        $('.video-type-all').style.height=`${x%2==0?'100px':'50px'}`
        $('.more').innerHTML=`${x%2==0?'收起':'更多'}`;
        $('.arrow').style.transform =`${x%2==0?'rotate(180deg)':''}`;
    }
    }).catch(err=>{
        console.log(err);
    })
})();
// 地区分类
(function(){
    axios({
        method: 'get',
        url: '/type/areaTags',
    }).then(function(data){
    var list =data.data.data.data;
    for(let i= 0;i<list.length;i++){
        $('.area-type').innerHTML+=` <span><p>${list[i]}</p></span>`;
    }
    }).catch(err=>{
        console.log(err);
    })
})();

// 资费情况
(function(){
    axios({
        method: 'get',
        url: '/type/whetherFree',
    }).then(function(data){
    var list =data.data.data.data;
    for(let i= 0;i<list.length;i++){
        $('.whetherFree-type').innerHTML+=` <span><p>${list[i]}</p></span>`;
    }
    }).catch(err=>{
        console.log(err);
    })
})();

// 年份标签
(function(){
    axios({
        method: 'get',
        url: '/type/yearTags',
    }).then(function(data){
    var list =data.data.data.data;
    for(let i= 0;i<list.length;i++){
        $('.year-type').innerHTML+=` <span><p>${list[i].replace('_','')}</p></span>`;
    }
    }).catch(err=>{
        console.log(err);
    })
})();
// 电影分类
(function(){
    axios({
        method: 'get',
        url: 'type/movieTypeTags',
    }).then(function(data){
    var list =data.data.data.data;
    for(let i= 0;i<list.length;i++){
        $('.movie-type').innerHTML+=` <span><p>${list[i]}</p></span>`;
    }
    }).catch(err=>{
        console.log(err);
    })
})();





// 鼠标放上去内容会改变
var mod1 = document.getElementsByClassName('add-panel')
var mod2 = document.getElementsByClassName('hovers')
var modLi=document.getElementsByClassName('panel-li')
console.log(modLi)
for(let i=0,len=modLi.length;i<len;i++){
    modLi[i].addEventListener('mouseover',function(){
        mod1[i].style.display='none';
        mod2[i].style.display='block';
    })
    modLi[i].addEventListener('mouseout',function(){
        mod1[i].style.display='block';
        mod2[i].style.display='none';
    })
}